﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        .eye {
            width: 300px;
            height: 100px;
            border: 2px solid #000;
            animation: blink 2s linear alternate infinite;
            overflow:hidden;
            border-radius:100%;
            transform:rotate(180deg)
        }
        .eye-in {
            height: 100px;
            width: 100px;
            background-color: black;
            margin: 0 auto;
            border-radius: 100%;
        }
        @keyframes blink{
            0%{height:100px;}
            100%{height:10px}
        }
    </style>
</head>
<body>
    <div class="eye">
        <div class="eye-in"></div>
    </div>
</body>
</html>
